<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>美站库 炫美网站大全</title>
<link rel="stylesheet" type="text/css" href="images/index.css" />
</head>
<body>
<div id="header">
    <div id="top" class="auto">
	    <div class="logo">
	        <h1>
	            <img src="images/logo.png" />
		        <span>炫美网站大全</span>
		    </h1>
	    </div>
		<div class="serach">
		    <form>
			     <input type="text" type="text" />
				 <input type="submit" value="搜索" />
			</form>
		</div>
	</div>
	<div id="nav" class="auto">
	    <ul>
		    <li><a href="#">首页</a></li>
			<li><a href="#">提交站点</a></li>
		</ul>
	</div>
	<div id="runplay" class="auto">
	    <div class="left">
		    <a href="#"><img src="images/img1.jpg" ></a>
		</div>
		<div class="right">
		    <dl>
			    <dt>提交站点</dt>
				<dd class="txt">本网站收集互联网上各种炫美网站......</dd>
				<dd class="btn">
				    <a href="#">查看更多</a>
				</dd>
			</dl>
		</div>
	</div>
</div>
<div id="main">
    <div id="main1">
	    <div id="wrap">
		    <div id="leftBody">
			    <div class="leftDiv1">
				    <h2>提交站点</h2>
					<p>提交站点<a href="http://www.sifangku,com" target="_blank">私房库</a>视频html课程中的第一个项目实战课！</p>
				</div>
				<div class="leftDiv2">
				     <h2>网站搜索</h2>
					 <form action="main.jsp" method="GET">
站点名:<input type="text" name="name"><br>
<br/>
网址:<input type="text" name="url" />
<br/>
授权密码:<input type="password" name="pwd">
<br/>
截图: <input type="file" name="pic" id="pic">
<br/>
网站属地：<input type="radio" name="sex" value="male">国内
<input type="radio" name="sex" value="female">国外
<br/>
主要栏目：<input type="checkbox" name="vehicle" value="Bike">资讯
<input type="checkbox" name="vehicle" value="Car">网购
<input type="checkbox" name="vehicle" value="Bike">会员
<br/>
内容介绍：<br>
<textarea rows="10" cols="30">
我是一个文本框。
</textarea>
<br/>
总部：
<form action="">
<select name="cars">
		<option value="广州">广州</option>
		<option value="茂名">茂名</option>
		<option value="深圳">深圳</option>
		<option value="清远">清远</option>
		<option value="上海">上海</option>
	</optgroup>
</select>
<br/>
<input type="submit" value="确认提交"/>





				</div>
				<div class="leftDiv3">
				    <a href="#">查看更多</a>
				</div>
			</div>
			<div id="rightBody">
			    <div class="rightDiv1">
				    <h2>酷文</h2>
					<ul>
					   <li>
					       <h3><a href="#" target="_blank">随便写点什么</a></h3>
						   <p>知识就像海洋，只有意志坚强的人才能到达彼岸......</p>
					   </li>
					   <li>
					       <h3><a href="#" target="_blank">随便写点什么</a></h3>
						   <p>随便写的随便写的随便写的随便写的随便写的随便写的......</p>
					   </li>
					   <li>
					       <h3><a href="#" target="_blank">随便写点什么</a></h3>
						   <p>随便写的随便写的随便写的随便写的随便写的随便写的......</p>
					   </li>
					</ul>
				</div>
				<div class="rightDiv2">
				    <dl class="dl1">
					    <dt><a href="#">随便写点</a></dt>
						<dd>随便写点</dd>
					</dl>
					<dl class="dl2">
					    <dt><a href="#">随便写点</a></dt>
						<dd>随便写点</dd>
					</dl>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="footer">
    <p class="p1">
	    <a href="#" target="_blank">首页</a>
	    <a href="#" target="_blank">美站</a>
	    <a href="#" target="_blank">酷文</a>
	    <a class="last" href="#" target="_blank">联系我们</a>
	</p>
	<p>
	   Copyright (c) 2014 | <a href="#" target="_blank">私房库</a>
	</p>
</div>
</body>
</html>